<template>
  <i class="iconfont" :class="`icon-${icon}`" :style="{ fontSize: `${size}px`, color: `${color}` }" />
</template>

<script>
export default {
  props: {
    icon: {
      type: String,
      default: ''
    },
    size: {
      type: [String, Number],
      default: '16'
    },
    color: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="less">
.iconfont {
  line-height: 1;
}
</style>